<?php $this->load->view($config['site_template'].'/head');?>
<style type="text/css">
    .table>tbody>tr>td{
        border:2px solid #e7eaec;
    }
</style>

    <body class="gray-bg">

    <div class="row  border-bottom white-bg dashboard-header">
        <div class="col-sm-12">
            <p>贵州智慧巡检一配环节 数据推移图
            </p>

        </div>

    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>投料间露点推移图(E线)</h5>
                        <div class="ibox-tools">
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-line-chart-E"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>投料间露点推移图(F线)</h5>
                        <div class="ibox-tools">
                            <!--                            <a class="collapse-link">-->
                            <!--                                <i class="fa fa-chevron-up"></i>-->
                            <!--                            </a>-->
                            <!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
                            <!--                                <i class="fa fa-wrench"></i>-->
                            <!--                            </a>-->
                            <!--                            <ul class="dropdown-menu dropdown-user">-->
                            <!--                                <li><a href="graph_flot.html#">选项1</a>-->
                            <!--                                </li>-->
                            <!--                                <li><a href="graph_flot.html#">选项2</a>-->
                            <!--                                </li>-->
                            <!--                            </ul>-->
                            <!--                            <a class="close-link">-->
                            <!--                                <i class="fa fa-times"></i>-->
                            <!--                            </a>-->
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-line-chart-F"></div>
                    </div>
                </div>
            </div>
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>柱状图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!---->
<!--                        <div class="echarts" id="echarts-bar-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>散点图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-scatter-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>K线图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-k-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>饼状图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-pie-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>雷达图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-radar-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>和弦图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-chord-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>仪表盘</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-gauge-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>漏斗图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-funnel-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-sm-6">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>力导向布局图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="echarts" id="echarts-force-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!---->
<!--        <div class="row">-->
<!--            <div class="col-sm-12">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>中国地图</h5>-->
<!--                        <div class="ibox-tools">-->
<!--                            <a class="collapse-link">-->
<!--                                <i class="fa fa-chevron-up"></i>-->
<!--                            </a>-->
<!--                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">-->
<!--                                <i class="fa fa-wrench"></i>-->
<!--                            </a>-->
<!--                            <ul class="dropdown-menu dropdown-user">-->
<!--                                <li><a href="graph_flot.html#">选项1</a>-->
<!--                                </li>-->
<!--                                <li><a href="graph_flot.html#">选项2</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                            <a class="close-link">-->
<!--                                <i class="fa fa-times"></i>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div style="height:600px" id="echarts-map-chart"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
<!--    <script src="js/jquery.min.js?v=2.1.4"></script>-->
<!--    <script src="js/bootstrap.min.js?v=3.3.5"></script>-->
<!--    <script src="js/plugins/echarts/echarts-all.js"></script>-->
<!--    <script src="js/content.min.js?v=1.0.0"></script>-->
<!--    <script src="js/demo/echarts-demo.min.js"></script>-->
    <script src="<?=$config['site_templateurl'];?>/js/Echarts/echarts.min.js?v=2.1.4"></script>
    <!--    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>-->
    <script type="text/javascript">
        $(document).ready(function () {
            var showName_E = [],showData_E = [];
            var showName_F = [],showData_F = [];
            <?php foreach($ldtyt as $value):?>
                <?php if($value['productLine'] === "E"):?>
                    showName_E.push('<?=$value["year"]."-".$value["month"]."-".$value["day"]." ".$value["hour"]."H"?>');
                    showData_E.push(<?=$value['temperature']?>);
                <?php elseif ($value['productLine'] === "F"):?>
                    showName_F.push('<?=$value["year"]."-".$value["month"]."-".$value["day"]." ".$value["hour"]."H"?>');
                    showData_F.push(<?=$value['temperature']?>);
                <?php endif;?>
            <?php endforeach;?>
            // 基于准备好的dom，初始化echarts实例
            var myChart_E = echarts.init(document.getElementById('echarts-line-chart-E'));
            var myChart_F = echarts.init(document.getElementById('echarts-line-chart-F'));
            // 指定图表的配置项和数据
            var option_E = {
                title: {
                    text: '投料间露点推移图(E线)'
                },
                tooltip: {},
                legend: {
                    data: ['露点温度(℃)']
                },
                xAxis: {
                    // data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子','test']
                    data: showName_E
                },
                yAxis: {},
                series: [
                    {
                        name: '露点温度(℃)',
                        type: 'line',
                        // data: [5, 20, 36, 10, 10, 20, 2],
                        data: showData_E,
                        smooth: true
                    }
                ]
            };
            var option_F = {
                title: {
                    text: '投料间露点推移图(F线)'
                },
                tooltip: {},
                legend: {
                    data: ['露点温度(℃)']
                },
                xAxis: {
                    // data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子','test']
                    data: showName_F
                },
                yAxis: {},
                series: [
                    {
                        name: '露点温度(℃)',
                        type: 'line',
                        // data: [5, 20, 36, 10, 10, 20, 2],
                        data: showData_F,
                        smooth: true
                    }
                ]
            };

            // 使用刚指定的配置项和数据显示图表。
            myChart_E.setOption(option_E);
            myChart_F.setOption(option_F);
        })

    </script>
    </body>

<?php $this->load->view($config['site_template'].'/foot');?>